.pipe-point-name {
  font-size: 10px;
  background-color: #2a3342;
  color: #ccc;
  padding: 3px 6px;
  white-space: nowrap;
  border-radius: 5px;
  width: auto !important;
  height: auto !important;
  margin-left: 12px !important;
  margin-top: -11px !important;
}

.pipe-point-name:before {
  content: " ";
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-right-color: #2a3342;
  position: absolute;
  top: 5px;
  left: -12px;
}

.valve-point-name {
  font-size: 10px;
  background-color: #d817a8;
  color: #ccc;
  padding: 3px 6px;
  white-space: nowrap;
  border-radius: 5px;
  width: auto !important;
  height: auto !important;
  margin-left: 12px !important;
  margin-top: -11px !important;
}

.valve-point-name:before {
  content: " ";
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-right-color: #d817a8;
  position: absolute;
  top: 5px;
  left: -12px;
}

.start-point-name {
  font-size: 10px;
  background-color: #ff0000;
  color: #ccc;
  padding: 3px 6px;
  white-space: nowrap;
  border-radius: 5px;
  width: auto !important;
  height: auto !important;
  margin-left: 12px !important;
  margin-top: -11px !important;
}

.start-point-name:before {
  content: " ";
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-right-color: #ff0000;
  position: absolute;
  top: 5px;
  left: -12px;
}

.end-point-name {
  font-size: 10px;
  background-color: #495b4d;
  color: #ccc;
  padding: 3px 6px;
  white-space: nowrap;
  border-radius: 5px;
  width: auto !important;
  height: auto !important;
  margin-left: 12px !important;
  margin-top: -11px !important;
}

.end-point-name:before {
  content: " ";
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-right-color: #495b4d;
  position: absolute;
  top: 5px;
  left: -12px;
}